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

}

@keyframes pulse {
	0% {
		transform: scale(1);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
	}

	100% {
		transform: scale(1);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}
}



body {

 overflow: hidden;

 animation: fadeout 2s;

 font-size: 16px;

 margin: 0px;

 padding: 0px;

 position:absolute;

}

a {
   text-decoration: none;
 }



#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: 90px;

}

#third {

  position: static;
  
  height: 84%;

  text-align: center;

}



#four {

  position: static;
  
  top: 0px;

  height: 100%;

  overflow: auto; 

}



#shlukodkazu {

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

  margin-top: 0px;

  //justify-content: center;
  //flex-wrap: wrap;  
  justify-content: flex-start;
  flex-wrap: wrap;
  display: flex;
  flex-direction: row;

}



#shlukobrazku {

  position: static;
  
  
  //top: 110px;
  
  //border-top: 1px solid rgb(192,192,192);

  //justify-content: center;

  //flex-wrap: wrap;

  //display: flex;
  text-align: center;

}

.polozkaobrazek {

background-position: 50% 50%; 
//margin-left: 10px;
background-size: cover; 
background-repeat: no-repeat;
border: #A38B30 solid 4px;
display: inline-block; 
//border-radius: 50%;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
	transform: scale(1);
	//animation: pulse 2s infinite;
}


#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: 70px;
    height: 70px;

    border-radius: 50% 50%;
    
    font-size: 25px;
    border: solid #A38B30 4px;
    color: rgb(81,47,25); 
    display: flex; 
    justify-content: center; 
    align-items: center; 
    align-items: center;
    transform: scale(1);
    animation: pulse 2s infinite;

}



#jazyk_dalsi {

    background-size: cover; 

    background-repeat: no-repeat;

    background-position: center;

    padding: 5px;

    margin: 5px;

    width: 70px;
    height: 70px;

    border-radius: 50% 50%;
    
    font-size: 25px;
    border: solid #A38B30 4px; 
    color: rgb(81,47,25); 
    display: flex; 
    justify-content: center; 
    align-items: center; 
    align-items: center;
    transform: scale(1);
    animation: pulse 2s infinite;

}



#nazev {

    position:relative;
    padding: 20px;
    padding-left: 105px;

    padding-bottom: 15px;

    font-size: 1.7em;

    font-weight: 900;

    text-align: left;
    
    color: white;
    
    //background-color: rgb(0,0,0, 0.85);
    
    //padding-right: 30px;
    
    //border-radius: 0px 50px 50px 0px;
    //border-top: #A38B30 solid 4px;
    //border-right: #A38B30 solid 4px;
    //border-bottom: #A38B30 solid 4px;
}



#text {

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

    //background-color: rgb(0,0,0, 0.85);
    
    //border-radius: 0px 50px 50px 0px;
    
    color: white;
    
    top: 10px;
    
    left: 0px;
    
    height: 94%;

    //padding-top: 20px;
    padding-left: 105px;
    padding-right: 20px; 
    margin-top: 20px; 
    font-size: 23px;
    line-height: 1.2em;
    text-align: left;
    overflow: auto;
    
    //position: relative;
    //display: flex;
    //justify-content: center;
    //align-items: center;
    //flex-direction: column;
    //border-top: #A38B30 solid 4px;
    //border-right: #A38B30 solid 4px;
    //border-bottom: #A38B30 solid 4px; 

}



.polozka_odkaz {

  position: relative;

  text-align: center;

  padding: 0px;

  margin: 10px;

  color: black;

  background-size: cover; 

  background-repeat: no-repeat;

  background-position: center;

  display: table;
  border: solid #A0852C 4px; 

  vertical-align: middle;
  border-radius: 50%;
  //box-shadow: 2px 2px 4px #000000;
  
  //box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
	//transform: scale(1);
	//animation: pulse 2s infinite;       

}



#polozka_menu_odkaz_aktivni {

  text-align: center;

  padding: 0px;

  margin: 0px;

  color: black;

  background-size: cover; 

  background-repeat: no-repeat;

  background-position: center;
    border-radius: 50%;
  box-shadow: 2px 2px 4px #000000;

}



//#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;
  text-shadow: -1px 2px 5px black;
  font-size: 30px;
  font-weight: 900;
  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);
  
  text-decoration: none;

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

}


#domu {

    position: absolute;

    //top: 5px;

    //left: 15px;

    //background-color: #A38B30;
    
    background-size: contain; 

    background-repeat: no-repeat;

    background-position: center;

    //padding: 5px;

    //margin: 5px;

    //width: 70px;

    //height: 70px;

    //border: 4px #A38B30 solid;

    //border-radius: 50px 50px;
    //box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
	//transform: scale(1);
	//animation: pulse 2s infinite;

}



#zpet {

    position: absolute;

    //top: 5px;

    //left: 15px;

    //background-color: #A38B30;
    
    background-size: contain; 

    background-repeat: no-repeat;

    background-position: center;

    //padding: 5px;

    //margin: 5px;

    //width: 70px;

    //height: 70px;

    //border: 4px #A38B30 solid;

    //border-radius: 50px 50px;
    //box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
	//transform: scale(1);
	//animation: pulse 2s infinite;

}



.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;

}