/* CSS Document */

html{
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}

/*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;
 background-color: #E7E7E7;

}

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;
  background-color: #E7E7E7;

}



#second {

  margin: 0px;

  padding: 0px;

  position: static;
  height: 100px;
  background-color: #E7E7E7;

}

#centralni_cast{

}

#third {
  position: static;
  height: 84%;
  text-align: center;

}



#four {

  position: static;
  
  //bottom: 0px;

  height: 800px;
  width: 99%;
  overflow: auto;
  justify-content: center;
  align-content: space-around;
  //align-content: center;
  flex-wrap: wrap;
  display: flex; 
  z-index: 10;
  //border: 1px solid black;

}

#vlastnosti {

  position: absolute;
  
  bottom: 0px;
  right: 0px;

  height: 370px;

  overflow: auto;
  
  //border: 1px solid black;

}

#vlevo_vlastnosti{
   position: relative;
   text-align: left;
   height: 80px;
   width: 45%;
   padding-top: 5px;
   margin-bottom: 12px;
   margin-left: 20px;
   margin-right: 8px;
   border-top: 2px solid black;
}

#vpravo_vlastnosti{
   text-align: left;
   height: 80px;
   width: 50%;
   padding-top: 5px;
   margin-bottom: 12px;
   margin-left: 20px;
   border-top: 2px solid black;
   float: right;
}


#shlukodkazu {

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

  margin-top: 25px;

  justify-content: center;
  flex-wrap: wrap;
  display: flex;

}



#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: absolute;
    top: 150px;
    height: 175px;
    width: 750px;
    padding-top: 15px;

    padding-bottom: 15px;
    margin-left: 70px;
    font-size: 3em;

    font-weight: 900;

    text-align: right;
    
    color: white;
    
    background-color: rgb(0,0,0, 1);
    
    padding-right: 30px;
    border-radius: 19px 0px 0px 0px;
    
    //border-radius: 0px 50px 50px 0px;
    //border-top: #000000 solid 2px;
    //border-right: #000000 solid 2px;
    //border-bottom: #000000 solid 2px;
}



#text {

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

    background-color: #ffffff;
    
    //border-radius: 0px 50px 50px 0px;
    
    color: #000000;
    
    top: 10px;
    
    left: 0px;
    
    height: 94%;

    padding-top: 20px;
    padding-left: 30px;
    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; 

}

#info_rad {
  color:#ffffff;
  font-size: 0.7em;
}

//#rad {
    //margin-top: 5px;
    //color:#ffffff;
    //text-align: left;
    //padding-top: 15px;
    //padding-bottom: 15px;
    //font-size: 1.5em;
    //font-weight: 900;
    //padding-left: 30px;
  //}
  
#rad {
    position: absolute;
    top: 325px;
    height: 88px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-left: 70px;
    text-align: left;
    padding-top: 15px;
    padding-bottom: 15px;
    color:#ffffff;
    font-size: 1.6em;
    font-weight: 900;
    padding-left: 30px;
    border-radius: 0px 0px 0px 19px;
}



.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;
  //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: left;
  color: rgb(0, 0, 0);
  //text-shadow: -1px 1px 4px rgb(255, 255, 255);
  font-size: 17px;
  font-weight: bold;
  display: inline-block;
  float: left;
  width: 190px;
  padding-left: 10px;
  padding-top: 3px;
  //justify-content: right;
  //align-items:center;
  
}

#teckavodkazu {

  position: relative;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  float: left;
  display: inline-block;
  //z-index: 100;
  
}

#teckavodkazu_obrazek {

  position: relative;
  padding: 0px;
  width: 80px;
  height: 74px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  float: left;
  display: inline-block;
  //z-index: 100;
  
}

#cisloodkazu {
  position: absolute;
  top: -20px;
  left: 33px;
  text-align: center;
  color: rgb(0, 0, 0);
  text-shadow: -1px 1px 4px rgb(255, 255, 255);
  font-size: 20px;
  font-weight: bold;
  display:flex;
  justify-content:center;
  align-items:center;
  border: 1px black solid;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #ffffff; 
}

.odkaz_rady {
   position: relative;
   width: 280px;
   height: 42px;
   padding: 5px;
   margin: 10px;
   border-radius: 9px;
   background-color: #ffffff;
   box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
   transform: scale(1);
   animation: pulse 2s infinite;
  }

#cislo_stranky {
  position: absolute;
  top: 12px;
  left: 30px;
  text-align: center;
  color: rgb(255, 255, 255);
  font-size: 68px;
  font-weight: 900;
  display:flex;
  justify-content:center;
  align-items:center;
  border: 1px black solid;
  width: 150px;
  height: 150px;
  border-radius: 50%;
}


#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' );

}

.prvek_obrazek{
  background-size: cover; 
  background-position: 50% 50%; 
  background-repeat: no-repeat;
  //border: #000000 solid 2px; 
  //border-radius: 50px; 
}

.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: 35px;
    left: 125px;
    background-image: url('./admin/systemove-obrazky/vlevo_sedive.png');
    //background-color: #000000;
    background-size: 100% 100%; 
    background-repeat: no-repeat;
    background-position: center;
    padding: 5px;
    margin: 5px;
    width: 70px;
    height: 70px;
    //border: 2px #000000 solid;
    border-radius: 50px 50px;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
	transform: scale(1);
	animation: pulse 2s infinite;
}

#start {

    position: absolute;
    top: 35px;
    left: 35px;
    background-image: url('./admin/systemove-obrazky/home.png');
    background-size: 100% 100%; 
    background-repeat: no-repeat;
    background-position: 50% 50%;
    padding: 5px;
    margin: 5px;
    width: 70px;
    height: 70px;
    border: 0px #000000 solid;
    border-radius: 50px 50px;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
	transform: scale(1);
	animation: pulse 2s infinite;
    z-index: 100;
}

#domu {

    position: absolute;
    top: 15px;
    left: 130px;
    background-image: url('./admin/systemove-obrazky/nahoru.png');
    background-color: #ffffff;
    background-size: 70% 70%; 
    background-repeat: no-repeat;
    background-position: 50% 35%;
    padding: 5px;
    margin: 5px;
    width: 100px;
    height: 100px;
    border: 2px #000000 solid;
    border-radius: 50px 50px;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
	transform: scale(1);
	animation: pulse 2s infinite;
    display: none;
}

#hledej {

    position: absolute;
    top: 15px;
    left: 246px;
    background-image: url('./admin/systemove-obrazky/search.png');
    background-color: #ffffff;
    background-size: 70% 70%; 
    background-repeat: no-repeat;
    background-position: 50% 35%;
    padding: 5px;
    margin: 5px;
    width: 100px;
    height: 100px;
    border: 2px #000000 solid;
    border-radius: 50px 50px;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
	transform: scale(1);
	animation: pulse 2s infinite;
    display: none;
}

#play {

    position: absolute;
    top: 15px;
    left: 995px;
    background-image: url('./admin/systemove-obrazky/play.png');
    background-color: #ffffff;
    background-size: 70% 70%; 
    background-repeat: no-repeat;
    background-position: 50% 50%;
    padding: 5px;
    margin: 5px;
    width: 100px;
    height: 100px;
    border: 2px #000000 solid;
    border-radius: 50px 50px;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
	transform: scale(1);
	animation: pulse 2s infinite;
    z-index: 100;
    //display: none;
}



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

}

.prepinani{
    position: absolute;
    top: -110px;
    left: 10px;
}

#dalsi {
    background-image: url('./admin/systemove-obrazky/dalsi.png');
    //background-color: #ffffff;
    background-size: 100% 100%; 
    background-repeat: no-repeat;
    background-position: 50% 50%;
    padding: 5px;
    margin: 5px;
    width: 70px;
    height: 70px;
    //border: 2px #000000 solid;
    border-radius: 50px 50px;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
	transform: scale(1);
	animation: pulse 2s infinite;
    display: inline-block;
}

#predchozi {
    background-image: url('./admin/systemove-obrazky/predesle.png');
    //background-color: #ffffff;
    background-size: 100% 100%; 
    background-repeat: no-repeat;
    background-position: 50% 50%;
    padding: 5px;
    margin: 5px;
    width: 70px;
    height: 70px;
    //border: 2px #000000 solid;
    border-radius: 50px 50px;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
	transform: scale(1);
	animation: pulse 2s infinite;
    display: inline-block;
}

/* width */
::-webkit-scrollbar {
  width: 25px;
}

/* Track */
::-webkit-scrollbar-track {
  //box-shadow: inset 0 0 5px grey; 
  border-radius: 0px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: rgb(255,255,255); 
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: rgb(192,192,192); 
}


#umisteni_radu {

    position: absolute;
    top: 400px;
    left: 150px;
    background-size: cover; 
    background-repeat: no-repeat;
    background-position: center;
    width: 450px;
    height: 350px;
} 

#vypiscelkem {
   position: absolute;
   top: -95px;
   right: 20px;
   color: #525252;
   font-size: 30px;
   font-weight: 900;
}

#plocha_pro_obrazek {
    position: absolute;
    left: 820px;
    top: 75px;
    width: 1025px;
    height: 1100px;
    background-color: #FFFFFF;
    border-radius: 19px;
}


.umisteni_obrazku_ptaka {
    position: absolute;
    left: 830px;
    top: 50px;
    width: 950px;
    height: 1020px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    //border: 1px solid black;
}

#info {
    position: absolute;
    top: 105px;
    right: 770px;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 5px;
    width: 300px;
    height: 80px;
    //border: 2px #000000 solid;
    border-radius: 19px;
    z-index: 100;
}

#ikonka_info {
    position: relative;
    background-image: url('./admin/systemove-obrazky/icko.png');
    //background-color: #ffffff;
    top: 10px;
    left: 10px;
    background-size: 100% 100%; 
    background-repeat: no-repeat;
    background-position: 50% 50%;
    padding: 15px;
    width: 50px;
    height: 50px;
    float: left;
}

#text_info {
    position: relative;
    top: 5px;
    padding: 10px;
    width: 200px;
    height: 80px;
    font-size: 15px;
    color: #ffffff;
    font-weight: 900;
    float: right;
    text-align: left;
}