:root {  --prirodnaC: #b9cb99;}
  :root {  --popisC: #b0ce9a;}
  :root {  --slabsiC: #939d82;}
  :root {  --autorC: #82db9e;}
  :root {  --autor2C: #91c9c9;}
  :root {  --rozbalC: #00aaff;}
  :root {  --markerC: #7bb3b5;}
  :root {  --cjC: #91cbb8;}
  :root {  --cunovskeC: #ce8e6b;}
  :root {  --zltaC: #ffff99;}
  :root {  --cervenaC: #ff9999;}
  :root {  --slabocervenaC: #9e8d75;}
  :root {  --pozadieHlava: #000033;}
  :root {  --pozadieSpod: #000022;}
  :root {  --pozadiePredel: #002200;}
  :root {  --pozadieCJ: #000909;}
  :root {  --popupC:#82db9e;}
  :root {  --nadpisC:#90e0a7;}
 /* :root {  --velkostPisma:2vw;} */
  :root {  --farbaMenu:#04AA6D;}
  :root {  --farbaRozbal:lightgreen;}
   :root {  --pozadie:black;}
   :root {  --pozadieRozbal:#ffffff33;}
   :root {  --farbaCasti1:#FFFFFF;}
   :root {  --farbaCasti2:#0000FF;}
   :root {  --farbaCasti3:#FF00FF;}
   :root {  --farbaCasti4:#FFFF00;}
   :root {  --farbaCasti5:#FF0000;}

  .img50{
    width:49.5%;
  }
th.vertical{
  /*text-align: right;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg); 
  -moz-transform: rotate(-90deg);    
  -o-transform: rotate(-90deg);      
  -ms-transform: rotate(-90deg);
  */
  vertical-align: bottom;
}
#úprava{
  display: table;
}
body{
    
  word-wrap:normal;
  margin-left: 0.5vw; 
  margin-right: 0.5vw; 
  background-color: var(--pozadie);
  color:pink;
}
a, a:link, a:visited, a:hover{
  color: inherit;
  text-decoration: none;
}

.atributyNadpisu{
  font-size: 1.6rem; /*calc(var(--velkostPisma)*1.6);*/
   color:var(--nadpisC);
   text-decoration: underline;
   font-weight: bold;
}
.atributyPodNadpisu{
  font-size:  1.5rem; /*calc(var(--velkostPisma)*1.5);*/
  color: var(--prirodnaC);
  text-decoration: underline;
   font-weight: bold;
}

.atrubutyTextu{
    font-size:1.4rem; /*calc(var(--velkostPisma)*1.4);*/
  color:var(--popisC);
}
.atrubutyTextuTabulky{
  font-size:1.4rem; /*calc(var(--velkostPisma)*1.4);*/
  color:var(--popisC);
}
.tabulkaMinText{
  font-size:1rem; 
}
.atrubutyCitacie{
  font-size:1.4rem; /*calc(var(--velkostPisma)*1.4);*/
  color:var(--slabsiC);
}
.clanok{
 color:var(--prirodnaC);
}
.zdroj{
  color: var(--slabsiC); 
  font-style: italic;
}
.cj{
  color:var(--cjC);
}

.zlta{
  color:var(--zltaC);
}
.slabšiaZlta{
    color:#c2bc76;
}
.zltaAtr{
  color:#ffff00;
  font-size:1.4rem; /*: calc(var(--velkostPisma)*1.4);*/
}
.cervena{
  color:#ff0000;
}
.farba1{
  font-weight: bold;
  color:var(--zltaC);
}
.farba2{
  font-weight: bold;
  color:var(--cervenaC);
}
.slabocervena{
  color:var(--slabocervenaC);
}
.cervenaAtr{
  color:#ff0000;
  font-size:1.4rem;/*var(--velkostPisma);*/
}
.cunovske{
  color:var(--cunovskeC);
}
.slabsi{
  color:var(--slabsiC);
}
.popupColor{
  color:var(--popupC);
  
}

.atrubutyPruhu{
  font-size:1.4rem;/*calc(var(--velkostPisma)*1.4);*/
  color:#4f5d45;
 /* line-height: 0;*/
  padding:0 0 0 0;
  margin:0px 0px 0px 0px;
}
.pozadiePruhu1{
  background-color:#23291f;
}
.pozadiePruhu2{
  background-color:#12150f;
}

.popup {
  position: relative;
  display: inline;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.popup .popuptext {
  visibility: hidden;
  background-color: #000022;
  font-size:1.2rem; /*calc(var(--velkostPisma)*1.2);*/
  color: var(--slabsiC);
  text-align: left;
  border: 1px solid blue;  
  border-radius: 6px;
  padding: 8px 8px;
  position: absolute;
  z-index: 9;
  word-wrap:break-word;
}
.popup .show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
}
/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
  from {opacity: 0;} 
  to {opacity: 1;}
}
@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
} 

  .obalKont {
      position: relative;
      width: 100%;
  }

   .pasKont {
      position: absolute;
      top: 0;
      left: 0;
      width: 50%;      
      height: 100%;    
     opacity: 0.15;
      z-index: 1;      
    }
    .textKont {
      position: relative;
      
      padding-left:3px;padding-right:1px;
      z-index: 2;        
    }
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
     .farba1{color: var(--farbaCasti1);}
     .farbaBckg1 { background: var(--farbaCasti1);}
     .lista1{border-left:1px solid var(--farbaCasti1);}

     .farba2{color: var(--farbaCasti2);}
     .farbaBckg2 { background: var(--farbaCasti2);}
     .lista2{border-left:1px solid var(--farbaCasti2);}

     .farba3{color: var(--farbaCasti3);}
     .farbaBckg3 { background: var(--farbaCasti3);}
     .lista3{border-left:1px solid var(--farbaCasti3);}

     .farba4{color: var(--farbaCasti4);}
     .farbaBckg4 { background: var(--farbaCasti4);}
     .lista4{border-left:1px solid var(--farbaCasti4);}

     .farba5{color: var(--farbaCasti5);}
     .farbaBckg5 { background: var(--farbaCasti5);}
     .lista5{border-left:1px solid var(--farbaCasti5);}




#video_overlays {
  position: absolute;
  padding: 0px;
  border: 2px solid white;  
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  width:20px;
  height:20px;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 2;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
#video_box{position: relative;}
table {
  border-collapse: collapse;
  table-layout:auto;
  color: var(--slabsiC); 
  font-style: italic;
  border:1px solid var(--slabsiC);
  /*color:var(--slabsiC);*/
}
td, th {
  border: 1px solid var(--slabsiC);
  
  font-size:1.4rem;
  /*padding: 0.2em;*/
}
 /*odrazka*/ 
summary{
  font-size:1.4rem; /*calc(var(--velkostPisma)*1.4);*/
	 list-style-type:"\25b6"; /*"\27b5";*/
}
summary::marker {
  	color: var(--markerC);  
}
details{
  	/*background-color: var(--pozadie);*/
  	margin:0.15%;
}
details[open] > summary {
  font-size:1.4rem;/*calc(var(--velkostPisma)*1.4);*/
  list-style-type:"\25bc";/*"\27b4";*/
}
.details-container {
  overflow-x: scroll;
  padding-left:2px; 
  padding-right:2px; 
  font-size:1.4rem;/*calc(var(--velkostPisma)*1.4); */
  border:1px solid lightgreen;
  background-color:var(--pozadieRozbal);
}
.rozbal{
  color: var(--autorC); 
  cursor:default; 
  font-size:1.4rem; /*calc(var(--velkostPisma)*1.4);*/
}
.autor{
  color:var(--autor2C);
  font-style: italic;
}
/*tabulka chemicke prvky*/
.bezCiary{
  border-collapse: collapse;
  border: none;
  width:auto;
  text-align: right;
  margin: 0 0 0 0;
  padding: 0;
  color:var(--cjC);

}	
.bezCiaryHor{
  border-collapse: collapse;
  border: none;
  margin: 0 0 0 0;
  padding: 0;
  font-size:1.4rem; /*calc(var(--velkostPisma)*1.4);*/

}	
.bezCiaryDol{
  border-collapse: collapse;
  border: none;
  text-align: left;
  margin: 0 0 0 0;
  padding: 0;
  font-size:1.4rem;/*calc(var(--velkostPisma)*1.4);*/

}	

.bunkaCiaraNad{
     border-style: none solid solid solid;
}
.bunkaCiaraPod{
     border-style: solid solid none solid;
}
.bunkaUnderline{
     border-width: 1 1 2 1;
}


details.description{
  color:var(--slabsiC);
}
details.description summary::after {
  content: attr(data-open);
  opacity: 0;
}

details.description[open] summary::after {
  content: attr(data-open);
  opacity: 1;
}
details.description summary::before {
  content: attr(data-close);
  opacity: 0;
}

details.description:not([open]) summary::before {
  content: attr(data-close);
  opacity: 1;
}

details.description summary::after,
details.description summary::before {
  transition: all .4s ease-in-out;
  transform-origin: center bottom;
}

#cssTableCenter td 
{
    text-align: center; 
    vertical-align: middle;
}
#cssTableRight td 
{
    text-align: right; 
    vertical-align: middle;
}