/* stylovani velke napovedy - obecne */

/* Nejprve obecne pro mala rozliseni */
#obal {
    margin: 0em auto;
    color: #555;	 
    width: 100%;
    min-width: 300px;  /* vyzkouset, aby jeste slo cist */
   }


#napoveda_box {
  display: block;
  position: relative; 
  left: 0em;
  top: 0.4em;
  
  border: 1px solid #ddd; 
  padding: 0.5em 1em 0.5em 1em;  /* vnitrni okraj */
  margin: 0em 0em 0em 0em;
  
  line-height: 1.4em;
  
  width: 100%; 
  height: auto;  /* bylo tu "auto" */ 
  min-width: 300px;
    
  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%;  
}

.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;
   font-size: 1.1em;
   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) {

#obal {
   margin: 2.5em auto; 
   width: 80%;   
   min-width: 43em;
}

/* pridame trochu stinu a gradientu do napovedniho boxu */
#napoveda_box {
  position: relative;
  padding: 1em;
  margin: 0em 0em 0.6em 0em;
  width: 100%;
  
  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; 
   }
   

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