/* === SolarWeb ================================  
   #IB 30.9.2009
    margin: auto auto;
    padding-left: 6%;
    padding-right: 6%;
    
    tab1
    rgb(180,200,220) -> #BBE6FF 
*/
body 
{
    margin: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    background-color: white;
    color: #11111A;
    font-family: Helvetica, "Trebuchet MS", Arial, sans-serif;
    font-size: 84%;
    line-height: 110%;
}

/*  teal */
h1, h2, h3, h4, h5, h6 {
  color: #528A27;
}

a {
  color: #597897;
  text-decoration: none;  
}
a:visited {
  color: #528A27;
}
a:link {
  color: #528A27;
}
a:visited {
  color: #528A27;
}
a:active {
  color: #528A27;
}
a:hover {
  color:#000090;
  text-decoration: underline;  
}

a.naobsah {
  float: right;
}

/* === Main ================================ 
    padding: 0;
#76B6DC
*/
#vsetko {
  border-top: 3px solid rgb(66,154,206) ;
  border-right: 1px solid #dcdcdc;
  border-left: 1px solid #dcdcdc;
  border-bottom: 0;
  padding: 0px;
  width: 770px;
  text-align: justify;
  margin-left: auto;     /* pre Mozillu - centruje */
  margin-right: auto;
}

/*  stromy.jpg    hory.jpg  background-color: silver; 
  background-attachment: scroll;

  color: #597897;
  height: 50px;
  line-height: 40px;

  background:#73C7FF url(krivan.png) right top no-repeat;
baner_podklad.png
margin-left: -20px;
*/
#banner {
  padding: 0;
  margin: 0;
  
  background:#73C7FF url(baner_podklad.png) left top repeat-x;
}

/* === Panel = riadok pod bannerom ================================ */

#panel {
  background-color: #597897;
  margin: 0;
  /*margin-left: 42px;   #0061a8 */
  padding: 1px 1em 1px 1em;
  line-height: 150%;
  color: white;
}

#panelVlavo {
  padding-top: 3px;
  float: left;
}

#panelStred {
  text-align: center; 
}

#panelVpravo {
  float: right;
  text-align: right; 
}

#panelVpravo a {
  text-decoration: none;
  font-size: 84%;
  margin-left: 1em;
}
#panelVpravo a:link {
  color: silver;
}
#panelVpravo a:visited {
  color: silver;
}
#panelVpravo a:active {
  color: silver;
}
#panelVpravo a:hover {
  color: white;
  text-decoration: underline;  
}

/* === Menu ================================ */

#menu {
  background-color: #597897;
  margin: 0;
  /*margin-left: 42px;*/
  padding: 3px 1em 3px 0em;
  line-height: 150%;
  text-align: right; 
}

#menu a {
  text-decoration: none;
  font-weight:bolder;
	margin-left: 1em;
}
#menu a:link {
  color: silver;
}
#menu a:visited {
  color: silver;
}
#menu a:active {
  color: silver;
}
#menu a:hover {
  color: white;
  text-decoration: underline;    
}

/* Zoznam poloziek menu v hlavnom okne */
ul.menu li { padding-top: 7px; }

#okno {
 padding-left: 10px;   
 padding-top: 1px;   
 padding-right: 10px;   
}


/* === Cesta ================================ */
#cesta {
  font-size: 0.84em;
  padding-top: 16px;
  padding-left: 10px;
  color: #999999;
}

.v {
  background: url(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;
}

#cesta a img {
  border: 0;
  margin: 0;
}

/* === Copyright ================================ */

#pata
{
  margin-top: 1em; /* 40em #dcdcdc; #F8F8F8; */
  margin-right: 0; 
  margin-left: 0; 
  background-color: #F9F9F9; 
  color:          #AAAAAA;
  line-height:    150%;
  font-size: 84%;
  
}

/* === Vseobecne pouzitelne triedy ================================ */

/* #IB 25.4.2010
  .novy = trieda pre zobrazenie textu za ikonou plus vyvolania
          formulara pre zadanie novej entity
*/
.novy { font-size: 84%; color: blue; cursor:  pointer; }
.oznam { font-size: 84%; color: blue; }
.chyba { font-size: 84%; color: red; }

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

.cx {
  clear: both;
}

.obrvpravo {
  float: right;
  margin-left: 1em;
 /* margin-bottom: 0.5em; */
}

.obrvlavo {
  float: left;
  margin-right: 1em;
  /* margin-bottom: 0.5em; */
}

.help {
  float: left;
  margin-right: 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; }
.podpis { text-align: right; font-style: italic;}

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

/* ======================================================================
   .tab1
*/
.tab1 {
 margin-right: 10px;
 font-size: 100%;
}
.tab1, .tab1 th , .tab1 td {
  border: 1pt  outset ;
}

.tab1 th  {
  background-color : #BBE6FF;
}

.tab1 tr.x  
{ background-color : rgb(230,240,250);
}


.tab1 tr.x td { text-align: center ; }


.tab1 tr.r  { cursor: pointer; }

td.top  { vertical-align:text-top; }

td.xtop  { vertical-align:text-top; background-color : #BBE6FF; }
td.xmiddle { vertical-align:middle; background-color : #BBE6FF; }

/* ======================================================================
   .tab2 .. pre odpocty
*/
.tab2 {
 margin-right: 10px;
 font-size: 80%;
}
.tab2, .tab2 th , .dt {
  border: 1pt  outset ;
}

.tab2 th  {
  background-color : #BBE6FF;
}

/* ======================================================================
   .tab3 .. pre tabulky archivu
*/
.tab3 {
 font-size: 80%;
}
.tab3, .tab3 th , .dt {
  border: 1pt  outset ;
}

.tab3 th  {
  background-color : #BBE6FF;
}


/* Pre tebulku verzii */
.verzia {
  width: 110px; text-align: center;  font-weight: bold;
}

.datum {
  width: 60px; text-align: center;
}


.ramik { border: groove 2px silver; }

.ram { border: silver 2px groove; }
.poznamka { font-size: 84%; }
.male {  font-size: 84%; }
.malinke {  font-size: 70%; }
.italic, .sikme { font-style: italic; }
.right, .vpravo { text-align: right; }
.left, .vlavo { text-align:  left; }
.center, .stred { text-align: center ; }
.strong, .tucne { font-weight: bold; }
.modre { color: blue; }
.biele { color: white; }
.cervene { color: red; }
.cierne { color: black; }

.h1, .h2, .h3, .h4, .h5, .h6 {
  display: block;
  font-weight: bold;
  color: teal;
}

.h1 { font-size: 150%; }
.h2 { font-size: 140%; }
.h3 { font-size: 130%; }
.h4 { font-size: 120%; }
.h5 { font-size: 110%; }

.ruka, .hand { cursor:  pointer; }

/* === Vyuziva funkcia JavaScriptu ZobrazSkry ================================ */

.zobrazene { display: block  }
.skryte  { display: none }
.vidiet  { display:inline;  padding-top: 4px; }
.nevidiet { display: none }
.select { margin-bottom: 4px; font-size: 84%; }
.zoznam { font-size: larger; font-weight: bolder; color: blue; }
li.uzol { list-style-type: none ; }
li.list { list-style-type:  circle; list-style-image: none; }

.imgBut1 { display:inline;  cursor:pointer;  }
.imgBut0 {  display: none;  }

span.uzolv { 
  background: url(uzolv.gif); 
  padding-left: 20px; 
  background-repeat: no-repeat;
  background-position:  left;
  cursor:pointer; 
  margin-left: 6px;
  font-weight: bolder;
  cursor:  pointer;
}

span.uzol_ {
  background: url(uzol_.gif);
  padding-left: 20px; 
  background-repeat: no-repeat;
  background-position:  left;
  cursor:pointer; 
  margin-left: 6px;
  font-weight: bolder;
  cursor:  pointer;
}

ul.bezbodiek li { list-style-type:none;  }

td.cb { text-align: center;}
td.s { font-weight: bolder; width: 110px; }
td.x { width: 80px;  text-align: center;}
td.z { width: 120px; }
td.t { width: 120px; }
th.l { padding-left: 10px; text-align: left; }
td.m { text-align:right; font-weight:bolder;  width: 100px; padding-right: 5px; }

/* ================================================
   Pre podmienku 
   ------------------------------------------------
LightGrey
Siver
LightSteelBlue
*/

td.hdr { border: 1pt  outset; font-weight: bold;  background-color: #BBE6FF; }
td.ir  { border: 1pt  outset; width:30px; text-align: center; }
input.ii { width: 20px; text-align: right; }
tr.par {background-color:#F0F0F0;}
input.maska { width: 150px; }
input.maskaVyber { width: 130px; }
input.sirka { text-align:right;  width: 40px; }
input.pocet { text-align:right;  width: 40px; }
input.dt { width: 120px; }

/* ================================================
   Na legendu farieb 
   ------------------------------------------------
*/

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