/* Stylovani malych napoved - vyskakovaci boxy se zapnutym JS */


/* ----------------- NAPOVEDA BOX ----------------------------- */
/* nejprve nastylujeme pokud je obrazovka mensi nez 810px */
#napoveda_box {
  display: none;
  position: fixed; /* absolute;   */
  left: 0em;
  top: 2em;
  
  overflow: scroll;
  
  border: 1px solid #ddd; 
  padding: 0.5em 1em 0.5em 1em;  /* vnitrni okraj */
  
  line-height: 1.4em;
  
  width: 100%; /* 60%; */
  height: auto;  /* bylo tu "auto" */ 
  max-height: 90%;  /* nemuze byt vyssi nez rozmer obrazovky,
                        pokud je zaroven "fixed" position, protoze
                        * jinak by se uzivatel nemohl dostat dolu
                        * na tlacitko "Close" */
  
  
  background: #eeeeee; /* #fff; */
		     
  /* -- CSS3 - define rounded corners -- */	
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px; 
  border-radius: 10px;
}


/* ---------------------------------------------------------------- */ 
/* Stylovani malych napoved - vyskakovaci boxy se zapnutym JS */

.help_img {
    height: 4em;
    width: 4em;
    float: right;
}

.help_img img {
   height: 100%;
   width: 100%;  
   padding: 0em 0.5em 0em 0em;
}

.help_sm_text p {
   display: block;
   text-align: justify;
   text-indent: 1em;   
   margin: 0.3em 0.5em 0.8em 0.5em;
}

.help_sm_text big {
   display: block;
   text-align: left;
   text-indent: 1em;
   font-weight: bold;
   color: blue;   
}

.help_sm_text a {
   color: green;
   font-weight: bold;
}

.help_sm_tlacitko {
    display: block;
    position: relative;
    margin: 0.5em;
    text-align: center;
}

/* ********************* MEDIA SCREEN UPRAVA ************************* */
/* pro vetsi rozliseni nez 810px */
@media screen and (min-width: 43em) {

/* pridame trochu stinu a gradientu do napovedniho boxu */
#napoveda_box {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: auto;
  
  overflow: auto;  /* zrusime scrollovani z mobilu, neni nutne,
                        pozice je absolute, nikoliv fixed */
  padding: 1em;
 
   /* -- CSS3 - create a background gradient -- */
  background: #eeeeee;
  background: -moz-linear-gradient(top,  #eeeeee 0%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#ffffff));
  background: -webkit-linear-gradient(top,  #eeeeee 0%,#ffffff 100%);
  background: -o-linear-gradient(top,  #eeeeee 0%,#ffffff 100%);
  background: -ms-linear-gradient(top,  #eeeeee 0%,#ffffff 100%);
  background: linear-gradient(to bottom,  #eeeeee 0%,#ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 );
 
  /* -- CSS3 - add a drop shadow -- */
  -webkit-box-shadow:0px 0 50px #ccc;
  -moz-box-shadow:0px 0 50px #ccc; 
  box-shadow:0px 0 50px #ccc; */ 

}

.help_img {
    height: auto;
    width: auto; 
   }
   

}
/* ******************************************************************* */