/* Hezkej, ale desne prtavej font (mame ho na BC) :-) 
 * takze radsi jsem dal prednost standardu */
/*@font-face {
   font-family: Gill_BC;
   src: url('gill-sans-mt_CZ.ttf'); 
}*/

html {
   font-size: 100%;  /* nejprve nadefinujeme velikost pisma pro cely dokument, 
                        pote pouzivame em- nebo rem-jednotky */ 
                     /* 100% nebo absolutni velikost - 12pt */
}

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;   /* pro vsechny elementy border-box model,
							   tzn. finalni width = widh + border + padding */
							   
							   
  border: 0px black solid;  /* pro laděni = 1px, pro běh programu = 0px */
  padding: 0px 0px 0px 0px;       /* pokud neni specifikovano explicitne jinak */
  margin: 0px 0px 0px 0px;
}



body {
     background: #f5f5f5;
     font-family: Helvetica, sans-serif; /*Gill_BC; */
     font-size: 1em;     /* velikost fontu pro vsechny pisma v "body", pokud neni definovano jinak */
     
     overflow: scroll;  /* automaticky scrollbar - pak nedochazi ke "skakani" celeho prostredniho bloku, kdyz clovek
					      najede u konce stranky na pismenko vysledku a zobrazi se mu tooltip */
	
	}

/* hlavne pro textarea, ze ktereho se kopiruje,
 * protoze pokud dam display:none, tak z neznameho duvodu
 * se program tvari, jakoze to nakopiroval, ale text ve schrance
 * neni (nebo je a je "neviditelny", pokud ma display:none...?!)
 */

*.no_display {
    display: block;
    height: 0px;
    border: 0px solid black;  /* pro jistotu... */
}

 
a, a:hover, a:visited, a:active {    /* jakykoliv odkaz bez podtrzeni a vzdy dedi barvu puvodniho odkazu */
  text-decoration: none;
  color: inherit;
} 
 
 
ul li {
  text-indent: 0.2em;
  margin-left: 2.5em;
  margin-top: 0.3em;
}
 
 
table {
    padding: 0.2em;
    border: none;
    
    /* odsazeni jednotlivych bunek od sebe */
    border-collapse: separate;
    border-spacing: 0.5em;       
} 

.table_obal {
  max-width: 100%;
  overflow: auto;
}

table td {
    padding: 0em;
}

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

table td.middle {
     vertical-align: middle
}


/* specialni tridy */
.nadpis {
		 font-size: 3.6em;
		 
		 border: 1px solid #ddd; 
		 padding: 0.2em 0.2em 0.2em 0.2em;  /* pozor, zmena font-size, tj. 1em je nyni 4.2rem! */
		 height: auto;
		
				 
		 text-align: center;
    
		 color: white;
   		
		/* -- CSS3 - define rounded corners -- */	
		-webkit-border-radius: 10px; /* polomery nechame v px, pri zvetseni fontu furt stejne */
		-moz-border-radius: 10px; 
		border-radius: 10px;
 
		/* -- CSS3 - create a background gradient -- */
		background: #3eaaf6; /* Old browsers */
		background: -moz-linear-gradient(top,  #3eaaf6 0%, #93cbf3 60%); /* FF3.6-15 */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3eaaf6), color-stop(60%,#93cbf3)); /* Chrome4-9,Safari4-5 */
		background: -webkit-linear-gradient(top,  #3eaaf6 0%,#93cbf3 60%); /* Chrome10-25,Safari5.1-6 */
		background: -o-linear-gradient(top,  #3eaaf6 0%,#93cbf3 60%); /* Opera 11.10-11.50 */
		background: -ms-linear-gradient(top,  #3eaaf6 0%,#93cbf3 60%); /* IE10 preview */
		background: linear-gradient(to bottom,  #3eaaf6 0%,#93cbf3 60%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3eaaf6', endColorstr='#93cbf3',GradientType=0 ); /* IE6-9 */



 
		/* -- 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;

        }
        
/* ********************* MEDIA SCREEN UPRAVA ************************* */
@media screen and (max-width: 43em) {
  .nadpis {
    font-size: 2.6em;
    z-index: 0;
   }
}
/* ******************************************************************* */


/* box s vysledky nebo textem */
.big_box
		{
		  position: relative;   /* musi byt, aby jednotlive casti 
                            mohly byt pozicovany vuci formulari (absolute) */
		  border: 1px solid #ddd; 
		  padding: 0.3em 1.3em 0.3em 1.3em;  /* vnitrni okraj */
          margin: 0.4em 0em 0.4em 0em;       /* jen shora a zdola */
		  
		  height: auto;  /* bylo tu "auto" */ 
		  min-height: 2.6em;     /* aby se nezmensil pri absenci textu */
		  background: #fff;
		  
		  	  
		     
		  /* -- CSS3 - define rounded corners -- */	
		  -webkit-border-radius: 10px;
		  -moz-border-radius: 10px; 
		  border-radius: 10px;
 
		  /* -- 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;
		}
		
.big_box .version {
    display: inline-block;
    padding: 0em 0.2em 0em 0.2em;
    margin: 0.3em;
   
}

.big_box a.vlajecky {
    display: inline-block;
    position: relative;
    top: 0.2em;
    }


/* ********************* MEDIA SCREEN UPRAVA ************************* */
@media screen and (max-width: 430px) {
  .big_box .version {
    display: none; 
   }
}
/* ******************************************************************* */		


.JS_pseudolink, a.napoveda_link
{
    display: inline-block; 
    color: blue; /* #3eaaf6; */
    background: #fff;
    border: 1px #ddd solid;
	
	font-weight: bold;
	font-variant: small-caps;
	
	padding: 0.2em 1.4em 0.2em 1.4em;
	margin: 0em 0em 0em 0em;
	
	/* -- CSS3 - define rounded corners -- */	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px; 
	border-radius: 10px;
}

.JS_pseudolink:hover
{
   cursor: pointer;
   background: #ddd;
   
}

.tlacitko_img {
    height: 4em;
    width: 4em;
}