/* Mozilla nereaguje na margin-left ani padding-left ?
   Nesmie byt medzera, t.j. nie 140 px, ale 140px      */
body {
  margin: 0;
  padding: 0;
  font-size: 84%;
  font-family: "Arial CE", Arial, "Helvetica CE", Helvetica, sans-serif;
  /* text-align: center; pre IE   */
}


/* FARBY
aqua, black, blue, fuchsia, gray, green,
lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow
*/

h1, h2, h3, h4, h5, h6 {
  color: teal;
}

code, samp {
  white-space: pre; 
}

#vsetko {
  margin: 1px 0px 1px 0px;   
  width: 770px;
  border: #999999 1px solid;
  text-align: justify;
  margin-left: auto;     /* pre Mozillu - centruje */
  margin-right: auto;
  background: url(../_sysobr/podklad_okno.png);
  background-repeat: repeat-y;
  background-position: right;
}

/* ===logo================================  */
#divlogo {
  background: url(../_sysobr/podklad_logo.png);
  height: 70px;
}

#loga {
  padding: 15px 0px 0px 20px; 
}

/* Roozostupy medzi ikonami loga */
#logo1 {  margin-left: 10px; }   /* ŠKOLA */
#logo2 {  margin-left: 40px; }   /* EDUXE */
#logo3 {  margin-left: 40px; }   /* RoboWeb */
#logo4 {  margin-left: 40px; }   /* InfoWek */

#logo1 img { padding-bottom: 7px; }
#logo2 img { padding-bottom: 8px; }
#logo3 img { padding-bottom: 2px; }
#logo4 img { padding-bottom: 0px; }


#loga a {
  text-decoration: none;
}

#loga a img  {
  border-style: none;
}

.logo_text {font-style:italic;
  font-weight:bold; 
  font-size: xx-large;
  padding-left: 0px;
  padding-right: 10px;
  color: black;
}

/*  ====zalozky=============================== */

#divzalozky {
  background: url(../_sysobr/podklad_zalozky.png);
  background-repeat: no-repeat;
  height:20px;
}


#zalozky {
  font-size: 11px;
}

/* pre IE je nasledujuca deefinicia v ie.css zmenena */
#zalozky {
  padding: 5px 0px 2px 0px;
}

#zalozky span {
  text-align: center;
  font-size: 11px;
  border: none;
  text-align: center;
  text-decoration: none;
  color: rgb(0,0,128);
  font-weight: bold;
}

#zalozky .odskok {
  padding-left: 10px;
  font-size: 1px;
  height: 1px;
}

#zalozky .aktivne {
  background-color: #FFFFFF;
  border-top:   rgb(0, 0, 128) 1px solid;
  border-right: rgb(0, 0, 128) 2px solid;
  padding-right: 10px;
  padding-left: 3px;
}

#zalozky .pasivne {
  background-color: rgb(100, 130, 160);
  border-top:   silver 1px solid;
  border-right: silver 2px solid;
  padding-right: 10px;
  padding-left:  3px;
}

#zalozky .ola, #zalozky .olp {
  padding: 0px 0px 0px 10px;
}
#zalozky .ola {
  background: url(../_sysobr/obluka.png);
  background-position: top left;
  background-repeat: no-repeat;
}
#zalozky .olp {
  background: url(../_sysobr/oblukp.png);
  background-position: top left;
  background-repeat: no-repeat;
}

#zalozky a {
  text-decoration: none;
}
#zalozky a:link {
  color: silver;
}
#zalozky a:visited {
  color: silver;
}
#zalozky a:active {
  color: silver;
}
#zalozky a:hover {
  color: white;
}

/* ====jazyky a cesta================================= */

#divjazykyacesta {
  background: url(../_sysobr/podklad_cesta.png);
  height: 44px;
}

#jazyky {
  padding-top: 10px;
  padding-right: 10px;
  float: right;
}

#jazyky a {
  text-decoration: none;
}

#jazyky a img  {
  border-style: none;
}

#cesta {
  font-size: 11px;
  padding-top: 16px;
  padding-left: 170px;
  color: #999999;
}

#cesta .v {
  background: url(../_sysobr/sipka_cesty.png);
  margin-left: 5px;
  padding-left: 10px;
  background-repeat: no-repeat;
  background-position: left;
}

#cesta a {
  text-decoration: none;
}
#cesta a {
  color: #999999;
}
#cesta a:link {
  color: #999999;
}
#cesta a:visited {
  color: #999999;
}
#cesta a:active {
  color: #999999;
}
#cesta a:hover {
  color: #0000DD;
  text-decoration: underline;
}

/* ===menu================================ */

#vlavo {
  width: 155px;
  float: left;
}

/* Bez medzery Mozilla robi medzeru nad menu, treba v HTML kode medzeru */
#menu .medzera {
  font-size: 1px; height: 1px;
}

#menu span {
  width: 135px;
  display: block;
}

#menu {
  margin: 0px 0px 0px 0px;
  background: url(../_sysobr/podklad_menu.png);
  background-repeat: repeat-y;
  background-position: left;
  min-height:13em;
  font-size: 12px;
}

#menu_spodok  {
  background: url(../_sysobr/podklad_menu_dolu.png);
  clear: right;
  width: 155px;
  height: 47px;
  float: left;
}

#menu .uvod0, .uvod1 {
  margin-left: 10px;
  font-size: 12px;
  color: black;
}

#menu .uvod0  a, .uvod1 {
  color: black;
  font-weight: bolder;
}
#menu .uvod0  a:link {
  color: black;
}
#menu .uvod0  a:visited {
  color: black;
}
#menu .uvod0 a:hover {
  color: #0000DD;
}
#menu .uvod0  a:active {
  color: black;
}

#menu .polozka0 {
  margin-left: 6px;
  margin-top: 3px;
  padding-top: 3px;
  padding-left: 18px;
  background: url(../_sysobr/podklad_polozka0.png);
  background-position: left;
  background-repeat: no-repeat;
  min-height: 19px;
}

#menu .adresar{
  margin-left: 6px;
  margin-top: 3px;
  padding-top: 3px;
  padding-left: 20px;
  background: url(../_sysobr/podklad_polozka_adresar.png);
  background-position: left;
  background-repeat: no-repeat;
  min-height: 19px;
}

#menu .polozka1 {
  margin-left: 6px;
  margin-top: 3px;
  padding-top: 3px;
  padding-left: 18px;
  background: url(../_sysobr/podklad_polozka1.png);
  background-position: left;
  background-repeat: no-repeat;
  font-weight: bolder;
  color: black;
  min-height: 19px;
}

#menu a {
  text-decoration: none;
}

#menu a {
  color: #000000;
}
#menu a:link {
  color: #e6e6e6;
}
#menu a:visited {
  color: #e6e6e6;
}
#menu a:hover {
  color: #0000DD;
  font-weight: bolder;
}
#menu a:active {
  color: #e6e6e6;
}

#menu .aktivne {
  color: #000000;
  font-weight: bolder;
}

/* ==okno================================= */

#okno {
  width: 590px;
  float: right;
  padding: 0px 10px 2em 10px;
  min-height: 67em;
}

.h1, .h2, .h3 {
  display: block;
  font-weight: bold;
}

.h1 {
  font-size: 140%;
}
.h2 {
  font-size: 125%;
}
.h3 {
  font-size: 105%;
}

.p a, a.p, a.h1, a.h2, a.h3 {
  text-decoration: none;
  font-weight: bolder;
  color: rgb(0,64,128);
}

.clanok div.autor {
  font-size: 84%;
}

.autor a {
  font-weight: normal;
  margin-left: 1.2em;
}

.p a:link, a.p:link, a.h1:link, a.h2:link, a.h3:link {
  color: rgb(0,64,128);
}
.p a:visited, a.p:visited, a.h1:visited, a.h2:visited, a.h3:visited {
  color: rgb(0,64,128);
}
.p a:active, a.p:active, a.h1:active, a.h2:active, a.h3:active {
  color: rgb(0,64,128);
}
.p a:hover, a.p:hover, a.h1:hover, a.h2:hover, a.h3:hover {
  color: #0000DD;
  text-decoration: underline;
}

.anotacia {
  margin-top: 0.5em;
  width: 470px;
/*  float: left; .. toto bolo treba doplnit pre IE*/

}

.textclanku {
  margin-top: 1em;
}

/* ===pata================================ */

#pata {
  font-size: 11px;
  color: #777777;
  background-color: rgb(180,200,220);
  border: #999999 1px solid;
  height: 16px;
  padding-left: 10px;
  clear: right;
}

#pata a {
  text-decoration: none;
}
#pata a {
  color: #777777
}
#pata a:link {
  color: #777777
}
#pata a:visited {
  color: #777777
}
#pata a:active {
  color: #777777;
}
#pata a:hover {
  color: #0000DD;
  font-weight: bolder;
}

#kod {
font-family : monospace;
margin-left: 0.5em;
}

.kod {
font-family : monospace;
}

/* ===vseobecne================================ */

.cr {
  clear: right;
}
.cl {
  clear: left;
}

.cx {
  clear: both;
}

.obrvpravo {
  float: right;
  margin-left: 1.5em;
  margin-bottom: 0.5em;
}

.obrvlavo {
  float: left;
  margin-right: 1.5em;
  margin-bottom: 0.5em;
}

.ram {
  border: #999999 1px solid;
}

.poznamka {
  font-size: 84%;
}

.male {
  font-size: 84%;
}

.italic, .sikme {
  font-style: italic;
}

.right, .vpravo { text-align: right; }

.strong, .tucne {
  font-weight: bold;
}

ol.a {
 list-style-type: lower-alpha;
}

.produkt0, .obr0 { /* vhodne pre zoznam senzorov na lavom okraji okna ..  */
  float: left;
  margin-right: 1.5em;
  width:  100px;
  height: 60px;
  border: #CCCCCC 1pt solid;
}

.obrc0 {   /* vhodne pre maly obrazok na pravom okraji okna */
  float: right;
  margin-left: 1.5em;
  margin-bottom: 0.5em;
  width:  100px;
  height: 75px;
  border: #CCCCCC 1pt solid;
}

.obrc1 {   /* vhodne pre strdny obrazok na pravom okraji okna */
  float: right;
  margin-left: 1.5em;
  width:  200px;
  height: 150px;
  border: #CCCCCC 1pt solid;
}

.produkt1, .obr1 {   /* vhodne pre velky obrazok na pravom okraji okna */
  float: right;
  margin-left: 1.5em;
  width:  300px;
  height: 225px;
  border: #CCCCCC 1pt solid;
}


.mmh {  /* medzera hore .. napr. pre ul v postup.php */
  margin-top: 0.5em;
}

.mm {
  margin-top: 0px;
  margin-bottom: 0.5em;
}

ul.adresar_, li.adresar_ {
  list-style-image: url("../_sysobr/adresar_.gif");
}

ul.adresarv, li.adresarv {
  list-style-image: url("../_sysobr/adresarv.gif");
}

ul.subor, li.subor {
  list-style-type: circle;
  list-style-image: none;
}

.tab1 {
 width: 100%;
}
.tab1, .tab1 th , .tab1 td {
  border: 1pt  outset ;
}

.tab1 th  {
  background-color : rgb(180,200,220);
}

.tab1 tr.x  {
  background-color : rgb(241,245,250);
}
.tab1 td.b { font-weight:bolder; }
.tab1 td.l { text-align: left;}
.tab1 td.c { text-align: center;}
.tab1 td.r { text-align: right;}

.hore img  {
  border-style: none;
   float: right; 
   margin-right: 20px;
}

.tab2, .tab2 th , .tab2 td {
  border: 1pt  outset ;
}
.tab2 th  {
  background-color : rgb(180,200,220);
}
.tab2 td.b { font-weight:bolder; }
.tab2 td.l { text-align: left;}
.tab2 td.c { text-align: center;}
.tab2 td.r { text-align: right;}


.cervene, .red { color: red;}
.modre, .blue { color: blue;}
.bledomodre, .lightblue { color: lightblue;}
.tmavomodre, .darkblue { color: darkblue;}
.biele, .white { color: white; }


.ruka, .hand { cursor:pointer; }
/* ===Zobrazenie a skrytie casti dokumentu================================ */

div.uzolv { 
  background: url(uzolv.gif); 
  padding-left: 20px; 
  background-repeat: no-repeat;
  background-position:  left;
  cursor:pointer; 
  font-weight: bold;
  color: blue;
}

div.uzol_ {
  background: url(uzol_.gif);
  padding-left: 20px; 
  background-repeat: no-repeat;
  background-position:  left;
  cursor:pointer; 
  color: gray;
}

.zobrazene { display: block; padding-left: 20px; padding-top: 12px; padding-bottom: 12px; }
.skryte  { display: none; }

/* ===Farby================================ */
span.black { background-color:#000000;  color:White; }
span.blue { background-color:#0000FF; color:White; }
span.brown { background-color:#A52A2A; color:White; }
span.cyan { background-color:#00FFFF; }
span.darkgray { background-color:#A9A9A9; }
span.gold { background-color:#FFD700; }
span.green { background-color:#008000;  color:White; }
span.limegreen { background-color:#32CD32; }
span.orange { background-color:#FFA500; }
span.red { background-color:#FF0000; }
span.skyblue { background-color:#87CEEB; }
span.yellow { background-color:#FFFF00; }