/* CSS Document */



/*ZAKAZANI KURZORU*/

    {

      -webkit-touch-callout: none;

      -webkit-user-select: none;

      -khtml-user-select: none;

      -moz-user-select: none;

      -ms-user-select: none;

      user-select: none;

      -webkit-tap-highlight-color: rgba(0,0,0,0);

      -webkit-tap-highlight-color: transparent;

      cursor: none !important;

    }



@-webkit-keyframes fadein {

  from {opacity: 1} 

  to {opacity: 0}

}



@keyframes fadein {

  from {opacity: 1} 

  to {opacity: 0}

}



@-webkit-keyframes fadeout {

  from {opacity: 0} 

  to {opacity: 1}

}



@keyframes fadeout {

  from {opacity: 0} 

  to {opacity: 1}

}



body {

 overflow: hidden;

 animation: fadeout 2s;

 font-size: 16px;

 margin: 0px;

 padding: 0px;

 position:absolute;

}



#rotace{

  margin: 0px;

 padding: 0px;

  position: relative;   

  transform-origin: right;

}

#rotace2{
top:0px;
left: 0px;
margin: 0px;
padding: 0px;
position: absolute;  
text-align: center;

}



#loading {

  z-index: 1; 

  position: fixed; 

  top: 0px;

  left: 0px;  

  background-color: black; 

  opacity: 0.7; 

  font-size: 30px; 

  color: white;

}



#first {

  margin: 0px;

  padding: 0px;

  position: absolute;

  background-size: cover; 

  background-repeat: no-repeat;

  background-position: center;

}



#second {

  margin: 0px;

  padding: 0px;

  position: static;
  
  height: 120px;

}

#third {

  position: static;
  
  height: 84%;

  text-align: center;

}



#four {

  position: static;
  
  top: 0px;

  height: 100%;

  overflow: auto; 

}



#shlukodkazu {

  position: absolute;
  
  top: 100px;
  
  border-top: 0px solid rgb(192,192,192);

  margin-top: 25px;

  justify-content: center;

  flex-wrap: wrap;

  display: flex;

}



#shlukobrazku {

  position: absolute;
  
  top: 150px;
  
  //border-top: 0px solid rgb(192,192,192);

  margin: 5px;

  justify-content: center;

  flex-wrap: wrap;

  display: flex;

}



#shlukvidei {

  position: static;

  border-top: 0px solid rgb(192,192,192);

  margin-top: 25px;

}



#polozka_menu {

  text-align: center;

  padding: 2px;

  margin: 2px;

  height: 100px;

  background-color: rgb(192,192,192);

  color: white;

}



#polozka_menu_aktivni {

  text-align: center;

  padding: 2px;

  margin: 2px;

  height: 100px;

  background-color: rgb(192,192,192);

  color: white;

}



#jazyk_hlavni {

    background-size: cover; 

    background-repeat: no-repeat;

    background-position: center;

    padding: 5px;

    margin: 5px;

    width: 60px;

    border-radius: 50px 50px;
    
    font-size: 25px;

}



#jazyk_dalsi {

    background-size: cover; 

    background-repeat: no-repeat;

    background-position: center;

    padding: 5px;

    margin: 5px;

    width: 60px;

    border-radius: 50px 50px;
    
    font-size: 25px;

}



#nazev {

    padding-top: 15px;

    padding-bottom: 15px;

    font-size: 1.5em;

    font-weight: 900;

    text-align: right;
    
    color: white;
    
    background-color: rgb(0,0,0, 0.6);
    
    padding-right: 30px;
    
    border-radius: 0px 50px 50px 0px;
    border: rgb(81,47,25) solid 2px;
}



#text {

    //border: 1px solid rgb(192,192,192);

    background-color: rgb(0,0,0, 0.6);
    
    border-radius: 0px 50px 50px 0px;
    
    color: white;
    
    top: 80px;
    
    left: 0px;
    
    height: 600px;

    padding-left: 77px;
    padding-right: 20px;

    font-size: 20px;

    text-align: left;

    overflow: auto;
    
    //position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border: rgb(81,47,25) solid 2px; 

}



.polozka_odkaz {

  position: relative;

  text-align: center;

  padding: 0px;

  margin: 15px;

  color: black;

  background-size: cover; 

  background-repeat: no-repeat;

  background-position: center;

  display: table;

  vertical-align: middle;
  //border-radius: 55px 55px 55px 55px;
  //box-shadow: 2px 2px 4px #000000;       

}



#polozka_menu_odkaz_aktivni {

  text-align: center;

  padding: 0px;

  margin: 0px;

  color: black;

  background-size: cover; 

  background-repeat: no-repeat;

  background-position: center;

}



//#textvodkazu {

//  text-align: center;

//  position: absolute;

//  bottom: 0px;

//  left: 0px;

//  margin: 0px;

//  width: 100%;

//  height: 67%;

  //background: rgba(0, 0, 0, .7);

//  color: white;

//}



#pismenavodkazu {

  position: relative;

  text-align: center;
  color: white;
  font-size: 20px;
  display:flex;
  justify-content:center;
  align-items:center;
}



#pismenavodkazuvmenu {

  position: absolute;

  text-align: center;

  padding: 2px;

  margin: 0px;

  color: white;

  font-size: 14px;

  display: table-cell;

  vertical-align: middle;

  height: 40px;

  width: 100%;

  bottom: 0px;

  background-color: rgba(0, 0, 0, .4);

  //background-size: contain; 

  //background-repeat: no-repeat;

  //background-position: left;

  //font-weight: bold;

  //background-image: url( './admin/systemove-obrazky/target7.svg' );

}



.polozka_obrazek {

  text-align: center;

  padding: 0px;

  margin: 0px;

  width: 30%;

  color: black;

  background-size: cover; 

  background-repeat: no-repeat;

  background-position: center;

}



.polozka_obrazek_odkaz_aktivni {

  text-align: center;

  padding: 0px;

  margin: 0px;

  width: 30%;

  color: black;

  background-size: cover; 

  background-repeat: no-repeat;

  background-position: center;

}



#zpet {

    position: absolute;

    top: 15px;

    left: 15px;

    background-image: url('./admin/systemove-obrazky/zpet.png');

    background-color: rgb(81,47,25);
    
    background-size: 100% 100%; 

    background-repeat: no-repeat;

    background-position: center;

    padding: 5px;

    margin: 5px;

    width: 70px;

    height: 70px;

    border: 2px rgb(81,47,25) solid;

    border-radius: 50px 50px;

}



.obrazek_neaktivni {

    opacity: 0.5;

}



.none {

  -webkit-user-select: none;  /* Chrome all / Safari all */

  -moz-user-select: none;     /* Firefox all */

  -ms-user-select: none;      /* IE 10+ */

  user-select: none;          /* Likely future */  

}



#history_back {

    position: absolute;

    bottom: 0px;

    right: 0px;

    text-align: center;

    background: rgba(0, 0, 0, .4);

    font-family: Arial;

    padding: 10px;

    margin: 0px;

    width: 150px;

    height: 90px;

    color: white;

    box-shadow: 2px 2px 4px #000000;

    z-index: 10000;

}