/* CSS Document */

* {padding: 0; margin: 0;}

#megadiv {
                                                                  
  /* Font od Googlu */                                                               
  font-family: 'Noto Sans', sans-serif;
	
  /* line-height: 1.5em; */

  margin: auto; 
  width: 85%;
  max-width: 70em;
  
  position: relative;
  top:  -90px;
}


html { 
  /* Pozadí, nepoužitá varianta */
  /*
  background: url(images/laborator.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  */
  
 /* background: url(images/pozadi.png);    */
  
  /* Barva pro případ, že se obrázek nezobrazí */
  background-color: #eaeaea;
  counter-reset: questions;
}


nav {
  float: left;
  position: fixed;
  top: 110px;
  
  }
       
       
.pruhledny_vrsek {
  background-color: #425097;
	
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.5;
	
	width: 100%;
	height: 100px;
  
}

header { 
  position: relative;
  top:  -90px;
  
  width: 100%;
  height: 90px;

  
  /* Text ve středu */
  text-align:center;
  /* Odstup od zbytku stránky */
  margin-bottom: 15px;
  
  /* Obrys písma */
    color: white;
}

header a {
	/* barva písma v hlavičce*/
	color: white;
	text-decoration: none;
	}

.maintitle {
	font-size: 3em;
}
.subtitle {
	font-size: 1em;
}

/* odsazení obsahu stránky od nav. menu */
.obsah {
margin-left: 265px;
}

/* Fonty od Google pro nadpisy*/
h1, h2, h3, h4, h5, h6, header a {
  font-family: 'Trocchi', serif;
  font-weight: 700;
  color: white;
}

h1, h2, h3, h4, h5, h6 {
    text-shadow:
    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000; 
}
  
header a { 
    text-shadow: 1px 1px 0 #000,
    -1px 1px 0 #000,
    1px -1px 0 #000,
    -1px -1px 0 #000,
    0px 1px 0 #000,
    0px -1px 0 #000,
    -1px 0px 0 #000,
    1px 0px 0 #000,
    2px 2px 0 #000,
    -2px 2px 0 #000,
    2px -2px 0 #000,
    -2px -2px 0 #000,
    0px 2px 0 #000,
    0px -2px 0 #000,
    -2px 0px 0 #000,
    2px 0px 0 #000,
    1px 2px 0 #000,
    -1px 2px 0 #000,
    1px -2px 0 #000,
    -1px -2px 0 #000,
    2px 1px 0 #000,
    -2px 1px 0 #000,
    2px -1px 0 #000,
    -2px -1px 0 #000;
}

h1 {
	font-size: 25pt;
}

h2 {
	font-size: 19pt;
	margin-bottom: 15px;
}

h3 {
    font-size: 15pt;
    margin-bottom: 11px;
}

ul {
  margin: 0.5em 0;
  margin-left: 2em;
  
}

ol {
  margin: 0.5em 0;
  margin-left: 2em;
  
}

ol.literatura {
  list-style: none;
  counter-reset: biblio;
}

.literatura li {
  position: relative;
  counter-increment: biblio;
}

.literatura li:before {
  position: absolute;
  left: -1.8em; top: 0;
  content: "[" counter(biblio) "]";
}

/* Stylování prvků formulářů užitých v příkladech k procvičování */
input[type=input] {
}

input[type=button] {
  font         : bold .8em;
  border       : 2px solid #333;
  border-radius: 5px;
  background   : none;

  cursor       : pointer;
}




.zadani, .reseni, .ikony, .teorie, .uvod, .genpriklady {
	padding: 6px;
	margin-bottom: 3px;
	overflow: auto;
	
	/* Zaoblené rohy */
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	
}

/* Část převzatá z Kompozeru (a poté doplněna) */
.zadani {
  /*border-style: double;
  border-color: #ffcc33;*/
  border-style: ridge;
  background-color: #c7cce8;
  font-weight: 700; /* Tučné písmo od Google */
  font-size: 13pt;
}
.reseni {
  border-style: ridge;
  background-color: #eaeaea;
  display: none;
}
.ikony {
  /*border-style: double;
  border-color: #ffcc33;*/
  /*background-color: white;*/
  text-align:center;
  padding: 0;
  }
.teorie {
  border-style: ridge;
  background-color: #eaeaea;
  display: none;
}
.uvod, .genpriklady {
  border-style: ridge;
  background-color: #eaeaea;
  padding: 10px;
}
.uvod p, .genpriklady p {
  margin-bottom: 10px;
}



.vzorce {
  font-size: 15pt;
  text-align: center;
  padding: 5px; 
  margin-bottom: 5px;
}
.vzorce .cislovani {
  float: right;
  font-size: 12pt;
}
.mvzorce { /* "menší" vzorce */
  font-size: 14pt;
  padding: 1px;
}
.mvzorce .cislovani {
  float: right;  
  font-size: 11pt;
}
.msvzorce { /* "menší" vzorce zarovnané na střed */
  font-size: 14pt;
  text-align: center; 
  padding: 5px;
  margin-bottom: 5px;
}
.msvzorce .cislovani {
  float: right;  
  font-size: 10pt;
}


.obrazek {
width: 108px; height: 108px;
float: right;
margin-right: 10px;
margin-bottom: 5px;
}


.nadpis_kapitoly {
  text-align:right;
  margin-bottom: 5px;
}


.sipky {
  padding: 10px 3px 0px 5px; /* top, right, bottom, left */
}

.procv {
  padding: 0px 2px 0px 2px; /* top, right, bottom, left */
}

.procv, .sipky {
   margin-left: 7px;	
	
	/* Vytvoří neviditelný rámeček */
   -moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid transparent;
	display:inline-block;
	cursor:pointer;
	
}

.procv:hover, .prejit:hover ~ .procv, .sipky:hover {
	/* Vytvoří border po najetí, definice pozadí
	je u třídy .tlacitko:hover dále */
  -moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #8285c7;
	display:inline-block;
	cursor:pointer;

}

.vysledek {
  color: darkgreen;
  font-weight: bold;
}


.nadpis_kapitoly h1 {
    float:left;
  
    color: white;
}

.nadpis_kapitoly .prejit {
  float:left;
  
  font-size: 20pt;
  font-family: 'Fondamento', serif;
  
  -moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #8285c7;
  
  margin-top: 7px;
  margin-left: 20px;
  
  padding: 4px 10px 2px 10px; /* top, right, bottom, left */
  
  -moz-box-shadow: 0px 1px 0px 0px #4d434d;
	-webkit-box-shadow: 0px 1px 0px 0px #4d434d;
	box-shadow: 0px 1px 0px 0px #4d434d;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e4e6f0), color-stop(1, #c7cce8));
	background:-moz-linear-gradient(top, #e4e6f0 5%, #c7cce8 100%);
	background:-webkit-linear-gradient(top, #e4e6f0 5%, #c7cce8 100%);
	background:-o-linear-gradient(top, #e4e6f0 5%, #c7cce8 100%);
	background:-ms-linear-gradient(top, #e4e6f0 5%, #c7cce8 100%);
	background:linear-gradient(to bottom, #e4e6f0 5%, #c7cce8 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4e6f0', endColorstr='#c7cce8',GradientType=0);
	background-color:#e4e6f0;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #8285c7;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-weight:bold;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
}

.tlacitka { /* centrování, musí být pod třídou "ikony" */
	 display: inline-block;
	 padding: 0;
    }

.tlacitko {
	 float: left;
	 width: 70px;
	 /* height:  */
	 margin-left: 1em;
	 margin-top: 5px;
	 padding: 0;
 	 text-align:center;
	 }

.tlacitko a {
	text-decoration: none;}

/* .tlacitko a:hover {
	text-decoration: underline;
	}    */

.tlacitko a:visited {text-decoration:none;}

.mobrazek {
  width: 60px; height: 60px;
  border:0;
}

/* Definice tlačítka vygenerovaná na bestcssbuttongenerator.com */
.tlacitko {
	-moz-box-shadow: 0px 1px 0px 0px #4d434d;
	-webkit-box-shadow: 0px 1px 0px 0px #4d434d;
	box-shadow: 0px 1px 0px 0px #4d434d;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e4e6f0), color-stop(1, #c7cce8));
	background:-moz-linear-gradient(top, #e4e6f0 5%, #c7cce8 100%);
	background:-webkit-linear-gradient(top, #e4e6f0 5%, #c7cce8 100%);
	background:-o-linear-gradient(top, #e4e6f0 5%, #c7cce8 100%);
	background:-ms-linear-gradient(top, #e4e6f0 5%, #c7cce8 100%);
	background:linear-gradient(to bottom, #e4e6f0 5%, #c7cce8 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4e6f0', endColorstr='#c7cce8',GradientType=0);
	background-color:#e4e6f0;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #8285c7;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family: 'Noto+Sans', sans-serif;
	font-size:14px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
}
.tlacitko:hover, .prejit:hover, .prejit:hover ~ .procv, .procv:hover, .sipky:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c7cce8), color-stop(1, #e4e6f0));
	background:-moz-linear-gradient(top, #c7cce8 5%, #e4e6f0 100%);
	background:-webkit-linear-gradient(top, #c7cce8 5%, #e4e6f0 100%);
	background:-o-linear-gradient(top, #c7cce8 5%, #e4e6f0 100%);
	background:-ms-linear-gradient(top, #c7cce8 5%, #e4e6f0 100%);
	background:linear-gradient(to bottom, #c7cce8 5%, #e4e6f0 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c7cce8', endColorstr='#e4e6f0',GradientType=0);
	background-color:#c7cce8;  
}
.tlacitko:active, .prejit:active, .procv:active, .sipky:active {
	position:relative;
	top:1px;
}

.odpoved {
  font-weight: bold;
}

footer {
  color: white;
  text-align:center;
  margin-top: 10px;
  text-shadow:
    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000;
}

footer a {
  color: white;
}

p {
	margin-bottom: 0.2em;
}

p.equation {
  margin: 1em auto;
  text-align: center;
}

.question {
  margin: 1em 0 1em 2em;
  position: relative;
  counter-increment: questions;
  
}

.question:before {
position: absolute;
left: -1.8em; top: 0.0em;
display: block;
padding: 0.2em;
content: counter(questions);
font-weight: bold; 
font-size: 150%;
background: #666;
color: white;
}

.question + .question {
border-top: 2px outset #666; 
padding-top: 0.5em;
}

.feedback { font-weight: bold; }
.spravne { color: darkgreen; }
.spatne { color: red}

sub, sup {
  font-size: 70%;
}

sup.nad {  
  margin-left: -0.45em;
}

.nad3 {  
  margin-left: -1.45em;
  padding-right: 1em;
}

.nukleon3 {

   margin-left: -1.45em;
   vertical-align: 0.7em;
   padding-left: 0em;
}

.nuklid {
   display: inline-block;
   margin-left: 0.2em;
}

.zkontrolovat input {
   padding: 0.3em;
}

.solution {
   display: none;
}

.solution.shown {
   display: block;
margin-top: 0.5em;
padding: 1em;
border-left: 5px solid #bbb;
}